<jsp:useBean id="pageBean" scope="request" type="com.loong.pojo.PageBean"/>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%--<!DOCTYPE html>--%>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
<title>商品列表页</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/login2.css">
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/bootstrap.min.js"></script>
   
<%--   <style type="text/css">--%>
<%--   	.div1{--%>
<%--   		height:260px;--%>
<%--   		text-align: top;--%>
<%--   	}--%>
<%--   </style>--%>
</head>
<body>
	<%@ include file="header.jsp"%>
	
<div class="panel panel-default" style="margin: 0 auto;width: 95%;">
	<div class="panel-heading">
	    <h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;商品列表</h3>
	</div>
	<div class="panel-body">
	   	   <!--列表开始-->
<%--	    <div class="row ${pageBean.totalSize<=0?"div1":"" }">--%>
<%--	    	<c:if test="${pageBean.totalSize<=0 }">没有数据！！！</c:if>--%>
		<div class="row">
	    	<c:forEach items="${pageBean.list}" var="g" varStatus="i">
		    	<div class="col-sm-3">
				    <div class="thumbnail" width="200" height="250">
				      <img src="${pageContext.request.contextPath}/${g.pimage}" width="180" height="180" alt="${g.pname}" />
				      <div class="caption">
				        <h4>商品名称<a href="${pageContext.request.contextPath}/product?method=detail&pid=${g.pid}">${g.pname}</a></h4>
				        <p>热销指数
				        	<c:forEach begin="1" end="${g.pstate}">
				        		<img src="image/star_red.gif" alt="star"/>
				        	</c:forEach>
				        </p>
				         <p>上架日期:${g.ptime}</p>
			             <p style="color:orange">价格:${g.pprice}</p>
				      </div>
				    </div>
				  </div>
	    	</c:forEach>
			  
		</div>
			
<%--			<c:if test="${pageBean.totalSize>0 }">--%>
<%--			<nav aria-label="..." class="text-center">--%>
<%--			  <ul class="pagination">--%>
<%--			  	--%>
<%--			  	<c:if test="${pageBean.pageNum<=1 }">--%>
<%--			  	 	<li class="disabled"><span aria-hidden="true">«</span></li>--%>
<%--			  	</c:if>--%>
<%--			  	<c:if test="${pageBean.pageNum>1 }">--%>
<%--			  	 	<li><a href="${pageContext.request.contextPath }/goodsservlet?method=getGoodsListByTypeId&pageNum=${pageBean.pageNum-1}&pageSize=${pageBean.pageSize}&typeId=${typeId}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>--%>
<%--			  	</c:if>--%>
<%--			   --%>
<%--			    <c:forEach var="pn" begin="${pageBean.startPage }" end="${pageBean.endPage }" step="1">--%>
<%--			    	<c:if test="${pn==pageBean.pageNum }">--%>
<%--			    		<li class="active"><a href="#">${pn }<span class="sr-only">(current)</span></a></li>--%>
<%--			    	</c:if>--%>
<%--			    	<c:if test="${pn!=pageBean.pageNum }">--%>
<%--			    		<li ><a href="${pageContext.request.contextPath }/goodsservlet?method=getGoodsListByTypeId&pageNum=${pn }&pageSize=${pageBean.pageSize}&typeId=${typeId}">${pn }</a></li>--%>
<%--			    	</c:if>--%>
<%--			    </c:forEach>--%>
<%--			    --%>
<%--			    <c:if test="${pageBean.pageNum==pageBean.pageCount }">--%>
<%--			     <li class="disabled"><span aria-hidden="true">»</span></li>--%>
<%--			    </c:if>--%>
<%--			      <c:if test="${pageBean.pageNum<pageBean.pageCount }">--%>
<%--			     <li><a href="${pageContext.request.contextPath }/goodsservlet?method=getGoodsListByTypeId&pageNum=${pageBean.pageNum+1}&pageSize=${pageBean.pageSize}&typeId=${typeId}" aria-label="Next"><span aria-hidden="true">»</span></a></li>--%>
<%--			    </c:if>--%>

<%--		  </ul>--%>
<%--		</nav>--%>
<%--		</c:if>--%>
		<center>
		<nav aria-label="Page navigation">
			<ul class="pagination">
				<li class="${pageBean.currentPage==1?'disabled':''}">
					<a href="product?method=show&tid=${param.tid}&currentPage=${pageBean.currentPage-1}" aria-label="Previous">
						<span aria-hidden="true">&laquo;</span>
					</a>
				</li>

				<c:forEach begin="1" end="${pageBean.totalPage}" var="index">
					<li><a href="product?method=show&tid=${param.tid}&currentPage=${index}">${index}</a></li>
				</c:forEach>

				<li class="${pageBean.currentPage==pageBean.totalPage?'disabled':''}">
					<a href="product?method=show&tid=${param.tid}&currentPage=${pageBean.currentPage+1}" aria-label="Next">
						<span aria-hidden="true">&raquo;</span>
					</a>
				</li>
			</ul>
		</nav>
		</center>
   	</div>
</div>
      <!-- 底部 -->
   <%@ include file="footer.jsp"%>
</body>
</html>